@import "./common/component-animate";
@import "./common/component-function";
@import "./common/normalize";
@import "./module/layout";
@import "./module/formunit";
@import "./module/table";

.icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  color: #FFF;
  font-size:28px;
  text-align: center;
  line-height: 33px;
  .borderradius(all,22px);
}

.btn-wrap{
  width: 300px;
  height:36px;
  text-align: right;
  line-height: 36px;

  .add{
    .icon;
    background-color: #64c0ff;
    background-image: url("../images/add.png");

  }
  .trash {
    .icon;
    background-color: #ffc539;
    background-image: url("../images/add.png");

  }
  .edit {
    .icon;
    background-color: #87d86b;
    background-image: url("../images/edit.png");

  }
  .refresh {
    .icon;
    background-color: #ff7352;
    background-image: url("../images/refresh.png");

  }
}